html,body{
    min-width: 13.025rem;
    height: 100%;
   
   

    .index_02Wrap{
        min-width: 13.025rem;
        height: 100%;
        background: url(../image/bgmapM.png) center center rgba(26, 27, 31);
        background-size: 100% 100%;
        // header
        header{
            position: relative;
            display: flex;
            flex-direction: row;
            justify-content: space-between;
            align-items: center;
            width: 100%;
            height: 1.25rem;
            .dateHeadBg {
                // flex: 1;
                height: 1.25rem;
                line-height: .625rem;
                text-align: right;
                color: #fff;
                font-size: .2625rem;
                position: absolute;
                top: 0;
                left: 3.3rem;

            }
            h2 {
                flex: 1;
                height: 1.25rem;
                width: auto;
                text-align: center;
                line-height: .625rem;
                font-size: .36rem;
                color: #fff;
            }
            .hospitalBg {
                // flex: 1;
                position: absolute;
                right: 3rem;
                height: 1.25rem;
                line-height: .625rem;
                text-align: left;
                font-size: .2625rem;
                color: #fff;
            }

        }

        section {
            width: 100%;
            height: 88%;
            // background-color: pink;
            display: flex;
            .leftBg{
                flex: 2;
                height: 99%;
                display: flex;
                flex-direction: column;
                align-items: center;
                margin-left:10px;

                & li{
                    width:98%;
                    flex:1;
                    // border:0.01rem solid green;

                }
                // 左表一

                & li:nth-child(1){

                    background: url(../image/image_3/yaozhanbi@2x.png) no-repeat;
                    background-size: 100% 100%;
                    margin-bottom:5px;
                    .yiliaojituanYaozhanbiUl{
                        width:100%;
                        height:18%;
                        // border:0.01rem solid pink;
                        display: flex;
                        justify-content: row;
                        align-items: center;
                        margin:0.28rem 0 0 0;
                        #firLiZByi{
                            width:48%;
                            height:100%;
                            // border:0.01rem solid pink;
                            display: flex;
                            flex-direction: column;
                            align-items: center;
                            justify-content: center;
                            
                            & p:nth-child(1){
                              font-size:.2rem;
                              color:#06E6F5;
                            }
                            & p:nth-child(2){
                                width:0.8rem;
                                height:.01rem;
                                background:rgba(12,240,255,1);
                                margin:0.1rem 0 0 0;
                            }

                        }
                        #secLiZByi{
                            width:48%;
                            height:100%;
                            // border:0.01rem solid pink;
                            display: flex;
                            flex-direction: column;
                            align-items: center;
                            justify-content: center;
                            
                            & p:nth-child(1){
                              font-size:.2rem;
                              color:#fff;
                            }
                            & p:nth-child(2){
                                width:1.25rem;
                                height:0rem;
                                background:rgba(12,240,255,1);
                                margin:0.1rem 0 0 0;
                            }

                        }

                    }
                    #yiliaojituanTubiaoYaozhanbi{

                        width:90%;
                        height:70%;
                        // background:fuchsia;
                        margin: 0 auto 0;
                    }
                    #yiliaojituanTubiaohaozhanbi{
                        width:90%;
                        height:70%;
                        margin: 0 auto 0;
                        // background: greenyellow;
                        display: none;
                    }

                }
                // 左表二
                & li:nth-child(2){

                    background: url(../image/image_3/yiliaofuwushouru.png) no-repeat;
                    background-size: 100% 100%;
                    margin-bottom:5px;
                    .yiliaofuwuHeadTab{
                        width:100%;
                        height:18%;
                        // border:0.01rem solid pink;
                        display: flex;
                        justify-content: row;
                        align-items: center;
                        margin:0.32rem 0 0 0;
                        #firLiZBer{
                            width:48%;
                            height:100%;
                            // border:0.01rem solid pink;
                            display: flex;
                            flex-direction: column;
                            align-items: center;
                            justify-content: center;
                            
                            & p:nth-child(1){
                              font-size:.2rem;
                              color:#06E6F5;
                            }
                            & p:nth-child(2){
                                width:1.5rem;
                                height:.01rem;
                                background:rgba(12,240,255,1);
                                margin:0.1rem 0 0 0;
                            }

                        }
                        #secLiZBer{
                            width:48%;
                            height:100%;
                            // border:0.01rem solid pink;
                            display: flex;
                            flex-direction: column;
                            align-items: center;
                            justify-content: center;
                            
                            & p:nth-child(1){
                              font-size:.2rem;
                              color:#fff;
                            }
                            & p:nth-child(2){
                                width:1.25rem;
                                height:0rem;
                                background:rgba(12,240,255,1);
                                margin:0.1rem 0 0 0;
                            }
                        }
                    }

                    #yiliaofuwuTubiaozhanbi{

                        width:90%;
                        height:70%;
                        // background:fuchsia;
                        margin: 0 auto 0;
                    }
                    #yiliaofuwuTubiaonianduzengzhangliang{

                        width:90%;
                        height:70%;
                        margin: 0 auto 0;
                        // background: greenyellow;
                        display: none;
                    }



                }
                // 左表三
                & li:nth-child(3){

                    background: url(../image/image_3/kangshengsushiyongpaihang.png) no-repeat;
                    background-size: 100% 100%;
                    #kangshengsushiyongpaihangContentId{
                        width:97%;
                        height:91%;
                        margin: 0.3rem auto 0;
                        // border:0.01rem solid pink;
                    }
                }

            }
            .centerBg{
                flex: 4;
                height: 100%;
                // background-color: yellow;
                display: flex;
                flex-direction: column;
                margin: 0 15px 0 0;
                // position: relative;
                // background-color: red;
                // border:.0625rem solid red;
                .centerHeadListBg {
                    flex: 0.6;
                    width: 100%;
     
                    .centerHeadFirstoL {
                        width: 100%;
                        display: flex;
                        flex-direction: row;
                        justify-content: space-around;
                        align-items: center;
                        // margin:0 auto 0;
                        & li {
                            width: 24%;
                            height:1.125rem;
                            background: url(../image/kuang.png) no-repeat;
                            background-size: 100% 100%;
                            // margin: .125rem;
                            display: flex;
                            flex-direction: column;
                            align-items: center;
                            justify-content: center;

                            & p:nth-child(1) {
                                font-size: .25rem;
                                color: #fff;
                                font-weight: 400;
                                letter-spacing: .04rem;
                                padding: .0625rem 0;
                            }

                            & p:nth-child(2) {
                                width: 80%;
                                height: .0375rem;
                                background: url(../image/lineBtn.png) no-repeat;
                                background-size: 100% 100%;

                            }

                            & p:nth-child(3) {

                                font-size: .25rem;
                                color: #fff;
                                font-weight: 400;
                                letter-spacing: .09rem;
                                padding: .0625rem 0;
                            }
                        }
                    }

                }
                .mapBg {
                    // height:4.5rem;
                    flex:4;
                    width: 100%;
                    // border: 0.01rem solid #f00;
                    display: flex;
                    flex-direction: column;
                    margin:5px 0 0 0;
                    background: url(../image/image_3/mapzhenti.png) no-repeat ;
                    // background: red;
                    background-size: 115% 140%;
                    background-position: center 25%;
                    position: relative;
                    // top: 0;
                    // left: 0;
                    .mapOlMapBg {
                        width: 100%;
                        height: 100%;

                        // border: 1px solid blue;

                        // 测试 
                        & li {

                            // background: rgba(255, 182, 193, 0.3);
                            cursor: pointer;
                            text-align: center;
                            .xiangNameBg{
                                color:rgba(255,255,255,0.6);;
                                letter-spacing:0.2rem ;
                                transform:rotate(-20deg);
                                height: .425rem;
                                text-align: center;
                                line-height: .425rem;
                                font-size: .1905rem;
                            }
                        }
                        // 梁庄乡
                        & li:nth-child(1) {
                            position: absolute;
                            width:2.9rem;
                            height: 1.4rem;
                            top: 1rem;
                            left: 3.2rem;
                            transform:rotate(20deg);
                            border-radius: 30% 100% 55% 30%;
                            .xiangNameBg{
                                position: absolute;
                                top:0.3rem;
                                left:0.5rem;
                                width:50%;
                                color:rgba(255,255,255,0.6);;
                                letter-spacing:0.2rem ;
                                transform:rotate(-20deg);
                            }
                        }
                        // 望狐乡
                        & li:nth-child(2) {
                            position: absolute;
                            width: 1.7rem;
                            height: 1.6rem;
                            top: 2.1rem;
                            left: 2.1rem;
                            transform:rotate(2deg);
                            border-radius: 30% 40% 50% 35%;
                            .xiangNameBg{
                                position: absolute;
                                top:0.35rem;
                                left:0.3rem;
                                width:70%;
                                color:rgba(255,255,255,0.6);;
                                letter-spacing:0.2rem ;
                                transform:rotate(0deg);
                              
                            }
                        }
                        // 南村镇
                        & li:nth-child(3) {
                            position: absolute;
                            width: 2.15rem;
                            height: 2.25rem;
                            top: 3rem;
                            left: 3.8rem;
                            border-radius: 20% 20% 20% 20%;
                            .xiangNameBg{
                                position: absolute;
                                top:0.5rem;
                                left:0.3rem;
                                width:80%;
                                color:rgba(255,255,255,0.6);;
                                letter-spacing:0.2rem ;
                                transform:rotate(0deg);
                            }
                           
                        }
                        // 宜兴乡
                        & li:nth-child(4) {
                            position: absolute;
                            width: 1.6rem;
                            height: 1.6rem;
                            top: 3.8rem;
                            left: 7.2rem;
                            border-radius: 50% 20% 20% 20%;
                            .xiangNameBg{
                                position: absolute;
                                top:0.3rem;
                                left:0.5rem;
                                width:80%;
                                color:rgba(255,255,255,0.6);;
                                letter-spacing:0.2rem ;
                                transform:rotate(0deg);
                            }
                        }
                        // 加斗乡
                        & li:nth-child(5) {
                            position: absolute;
                            width: 1.3rem;
                            height: 1.88rem;
                            top: 3rem;
                            left:9.2rem;
                            border-radius: 20% 20% 20% 20%;
                            .xiangNameBg{
                                position: absolute;
                                top:0.2rem;
                                left:0.2rem;
                                width:100%;
                                color:rgba(255,255,255,0.6);;
                                letter-spacing:0.2rem ;
                                transform:rotate(0deg);
                            }
                        }
                        // 焦山乡
                        & li:nth-child(6) {
                            position: absolute;
                            width: 1.3rem;
                            height: 1.3rem;
                            top: 1.6rem;
                            left: 9rem;
                            border-radius: 20% 20% 20% 20%;
                            .xiangNameBg{
                                position: absolute;
                                top:0.15rem;
                                left:0.18rem;
                                width:100%;
                                color:rgba(255,255,255,0.6);;
                                letter-spacing:0.2rem ;
                                transform:rotate(0deg);
                            }
                        }
                        // 一斗泉乡
                        & li:nth-child(7) {
                            position: absolute;
                            width:2.5rem;
                            height: 1.1rem;
                            top: 1.1rem;
                            left: 5.9rem;
                            border-radius: 20% 50% 50% 40%;
                            transform:rotate(2deg);
                            .xiangNameBg{
                                position: absolute;
                                top:0.3rem;
                                left:0rem;
                                width:65%;
                                color:rgba(255,255,255,0.6);;
                                letter-spacing:0.2rem ;
                                transform:rotate(0deg);
                            }
                        }
                        // 作疃乡 
                        & li:nth-child(8) {
                            position: absolute;
                            width: 1rem;
                            height: 1.8rem;
                            top: 2.4rem;
                            left: 6.4rem;
                            border-radius: 20% 20% 20% 20%;
                            transform:rotate(2deg);
                            .xiangNameBg{
                                position: absolute;
                                top:0.65rem;
                                left:0rem;
                                width:120%;
                                color:rgba(255,255,255,0.6);;
                                letter-spacing:0.2rem ;
                                transform:rotate(0deg);
                            }
                        }
                        // 壶泉镇

                        & li:nth-child(9) {
                            position: absolute;
                            width: 1.2rem;
                            height: 1.5rem;
                            top: 2.6rem;
                            left: 7.8rem;
                            border-radius: 20% 20% 20% 20%;
                            transform:rotate(2deg);
                            .xiangNameBg{
                                position: absolute;
                                top:0.3rem;
                                left:0.1rem;
                                width:100%;
                                color:rgba(255,255,255,0.3);;
                                letter-spacing:0.2rem ;
                                transform:rotate(0deg);
                            }
                        }

                    }

                    .dotSBg {

                        width: 100%;
                        height: 40%;
                        // 
                        & li {
                            width: 1.8rem;
                            height: 1.2rem;
                            cursor: pointer;
                            .weishengyuanIcon{
                                width:100%;
                                height:100%;
                                display: flex;
                                flex-direction: row;
                                justify-content: flex-start;
                                align-items: center;
                                // border:0.01rem solid pink;
                                p:nth-child(1){
                                    width:0.35rem;
                                    height:0.35rem;
                                    background: url(../image/image_3/xianzghenweishengyuan.png) no-repeat;
                                    background-size: 100% 100%;
                                  
                                }
                                p:nth-child(2) {
                                    margin:0rem 0 0 0.1rem;
                                    font-size: 0.166rem;
                                    color:rgba(12,240,255,1);
                                    font-weight:500;
                                    width:1.4rem;
                                }
                            }
                           
                          
                        }
                        // 梁庄乡
                        & li:nth-child(1) {
                            position: absolute;
                            top: 1.6rem;
                            left: 4rem;
                            width: 1.8rem;
                            height: 1rem;
                        }
                        // 望狐乡
                        & li:nth-child(2) {
                            position: absolute;
                            top: 2.8rem;
                            left: 2.2rem;
                            width: 1.8rem;
                            height: 0.8rem;
                        }
                        // 南村镇
                        & li:nth-child(3) {
                            position: absolute;
                            top: 4rem;
                            left: 3.9rem;
                            width: 1.8rem;
                            height: 0.8rem;
                        }
                        // 宜兴乡
                        & li:nth-child(4) {
                            position: absolute;
                            top: 4.4rem;
                            left: 7.1rem;
                            width: 1.8rem;
                            height: 0.6rem;
                        }
                        // 加斗乡
                        & li:nth-child(5) {
                            position: absolute;
                            top: 4.05rem;
                            left:9.05rem;
                            width: 1.8rem;
                            height: 0.6rem;
                        }
                        // 焦山乡
                        & li:nth-child(6) {
                            position: absolute;
                            top: 2.1rem;
                            left: 8.9rem;
                            width: 1.8rem;
                            height: 0.6rem;
                        }
                        // 一斗泉乡
                        & li:nth-child(7) {
                            position: absolute;
                            top: 1.6rem;
                            left: 6.3rem;
                            width: 1.8rem;
                            height: 0.6rem;

                        }
                        // 作疃乡
                        & li:nth-child(8) {
                            position: absolute;
                            top: 3.4rem;
                            left: 6.35rem;
                            width: 1.2rem;
                            height: 0.6rem;
                           .weishengyuanOtherIcon{
                            width:100%;
                            height:100%;
                            display: flex;
                            flex-direction: column;
                            justify-content: center;
                            align-items: flex-start;
                            // border:0.01rem solid pink;
                            p:nth-child(1){
                                width:0.3rem;
                                height:0.3rem;
                                background: url(../image/image_3/xianzghenweishengyuan.png) no-repeat;
                                background-size: 100% 100%;
                              
                            }
                            p:nth-child(2) {
                                margin:0rem 0 0 0.1rem;
                                font-size: 0.15rem;
                                color:rgba(12,240,255,1);
                                font-weight:500;
                                width:1.4rem;
                            }
                           }
                           .weishengyuanOtherFengyuanIcon{
                                width:96%;
                                height:100%;
                                display: flex;
                                flex-direction: row;
                                justify-content: center;
                                align-items: flex-start;
                                // border:0.01rem solid brown;
                                position: absolute;
                                top:-0.8rem;
                                left:0rem;
                                p:nth-child(1){
                                    width:0.2rem;
                                    height:0.2rem;
                                    background: url(../image/image_3/xianzghenweishengyuan.png) no-repeat;
                                    background-size: 100% 100%;
                                }
                                p:nth-child(2){
                                    margin:0 0 0 0.05rem;
                                    font-size: 0.1rem;
                                    color:rgba(12,240,255,1);
                                }

                           }
                           
                            
                        }
                        // 壶泉镇
                        & li:nth-child(9) {
                            position: absolute;
                            top: 3.2rem;
                            left: 7.6rem;
                            width: 1.4rem;
                            height: 0.6rem;
                            .weishengyuanOtherIcon{
                                width:100%;
                                height:100%;
                                display: flex;
                                flex-direction: row;
                                justify-content: center;
                                align-items: flex-start;
                                // border:0.01rem solid pink;
                                    p:nth-child(1){
                                        width:0.24rem;
                                        height:0.24rem;
                                        background: url(../image/image_3/xianzghenweishengyuan.png) no-repeat;
                                        background-size: 100% 100%;
                                    
                                    }
                                    p:nth-child(2) {
                                        margin:0rem 0 0 0.05rem;
                                        font-size: 0.16rem;
                                        color:rgba(12,240,255,1);
                                        font-weight:500;
                                        width:1.4rem;
                                    }
                               }
                               .weishengyuanOtherFengyuanIcon{
                                    width:88%;
                                    height:100%;
                                    display: flex;
                                    flex-direction: row;
                                    justify-content: center;
                                    align-items: flex-start;
                                    // border:0.01rem solid brown;
                                    position: absolute;
                                    top:-0.85rem;
                                    left:0rem;
                                    p:nth-child(1){
                                        width:0.2rem;
                                        height:0.2rem;
                                        background: url(../image/image_3/xianzghenweishengyuan.png) no-repeat;
                                        background-size: 100% 100%;
                                    }
                                    p:nth-child(2){
                                        margin:0 0 0 0.05rem;
                                        font-size: 0.06rem;
                                        color:rgba(12,240,255,1);
                                    }
                               }
                                //    县医院
                                .weishengyuanxianyiyuanIcon{
                                    width:88%;
                                    height:45%;
                                    display: flex;
                                    flex-direction: row;
                                    justify-content: center;
                                    align-items: flex-start;
                                    // border:0.01rem solid brown;
                                    position: absolute;
                                    top:-0.35rem;
                                    left:0.3rem;
                                    p:nth-child(1){
                                        width:0.23rem;
                                        height:0.23rem;
                                        background: url(../image/image_3/yiliaojituan.png) no-repeat;
                                        background-size: 100% 100%;
                                    }
                                    p:nth-child(2){
                                        margin:0 0 0 0.05rem;
                                        font-size: 0.06rem;
                                        color:rgba(12,240,255,1);
                                    }
                                }
                           
                        }
                    }

                }
                // 医疗集团门诊费用分析
                .menzhenrizhiBg {
                    height:2.8rem;
                    width: 96%;
                    background: url(../image/image_3/menzhnefeiyongfenxi.png) no-repeat;
                    background-size: 100% 100%;
                    margin: 0 auto 0.15rem;
                   #yiliaojituanmenzhenrizhipaihangContentId{
                       width:98%;
                       height:84%;
                       margin: 0.35rem auto 0;
                   }
                }

            }
            .rightBg{
                flex: 2;
                height: 99%;
                display: flex;
                flex-direction: column;
                align-items: center;
                margin-right:0; 
      
                li{
                    width:98%;
                    flex:1;
                  
                }
                // 右表一公共卫生系统
                & li:nth-child(1){

                    background: url(../image/image_3/gongwei.png) no-repeat;
                    background-size: 100% 100%;
                    margin-bottom:5px;
                    #gonggongweishengContentBg{
                        width:98%;
                        height:92%;
                        margin: 0.3rem auto 0;
                        // border:0.01rem solid pink;
                    }
                }
                // 右表二就诊患者排行统计
                & li:nth-child(2){

                    background: url(../image/image_3/jiuzhenhuanzhezhenduanpaihang.png) no-repeat;
                    background-size: 100% 100%;
                    margin-bottom:5px;
                    #jiuzhenhuanzhepaihangtongjiContentBg{
                        width:97%;
                        height:91%;
                        margin: 0.3rem auto 0;
                        // border:0.01rem solid pink;
                    }
                }
                // 右表三分级诊疗
                & li:nth-child(3){

                    background: url(../image/image_3/fenjizhenliao.png) no-repeat;
                    background-size: 100% 100%;
                }


            }

        }
    }
}